// 初始化echart实例对象
var right2Chart = echarts.init(document.getElementById('right2'), 'dark');
//
// ----------右2的配置项-------------------
//
// ----------右2的配置项-------------------
option = {
    title: {
        text: '不同疾病在不同月份的发病数',
        textStyle: {
            color: 'white',
        },
        left: 'left'
    },
    tooltip: {
        position: 'top'
    },
    grid: {
        height: '50%',
        top: '10%'
    },
    xAxis: {
        type: 'category',
        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        splitArea: {
            show: true
        }
    },
    yAxis: {
        type: 'category',
        data: ['甲流', '流行性感冒', '新冠肺炎', '百日咳', '上呼吸道感染'],
        splitArea: {
            show: true
        }
    },
    visualMap: {
        min: 0,
        max: 1000,
        calculable: true,
        orient: 'horizontal',
        left: 'center',
        bottom: '15%'
    },
    series: [{
        name: '发病频率',
        type: 'heatmap',
        data: [
            // 甲流
            [0, 0, 50], [1, 0, 60], [2, 0, 70], [3, 0, 80], [4, 0, 90], [5, 0, 100], [6, 0, 110], [7, 0, 120], [8, 0, 130], [9, 0, 140], [10, 0, 150], [11, 0, 160],
            // 流行性感冒
            [0, 1, 200], [1, 1, 180], [2, 1, 160], [3, 1, 140], [4, 1, 120], [5, 1, 100], [6, 1, 80], [7, 1, 60], [8, 1, 40], [9, 1, 20], [10, 1, 10], [11, 1, 5],
            // 新冠肺炎
            [0, 2, 300], [1, 2, 280], [2, 2, 260], [3, 2, 240], [4, 2, 220], [5, 2, 200], [6, 2, 180], [7, 2, 160], [8, 2, 140], [9, 2, 120], [10, 2, 100], [11, 2, 80],
            // 百日咳
            [0, 3, 100], [1, 3, 90], [2, 3, 80], [3, 3, 70], [4, 3, 60], [5, 3, 50], [6, 3, 40], [7, 3, 30], [8, 3, 20], [9, 3, 10], [10, 3, 5], [11, 3, 2],
            // 上呼吸道感染
            [0, 4, 150], [1, 4, 140], [2, 4, 130], [3, 4, 120], [4, 4, 110], [5, 4, 100], [6, 4, 90], [7, 4, 80], [8, 4, 70], [9, 4, 60], [10, 4, 50], [11, 4, 40]
        ],
        label: {
            show: true
        },
        emphasis: {
            itemStyle: {
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};
// var option = {
//     title: {
//         text: "今日境外输入省市TOP5",
//         textStyle: {
//             color: 'white',
//         },
//         left: 'left'
//     },
//     tooltip: {
//         trigger: 'axis',
//         //指示器
//         axisPointer: {
//             type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
//         }
//     },
//     xAxis: {
//         type: 'category',
//         data: [] // ['湖北','广州','北京']
//     },
//     yAxis: {
//         type: 'value',
//         //y轴字体设置
//         axisLabel: {
//             show: true,
//             color: 'white',
//             fontSize: 12,
//             formatter: function(value) {
//                 if (value >= 1000) {
//                     value = value / 1000 + 'k';
//                 }
//                 return value;
//             }
//         },
//     },
//     series: [{
//         data: [], // [582, 300, 100]
//         type: 'bar',
//         barMaxWidth: "50%"
//     }]
// };

// // 获取中国各省市特区
// var provinces = data.areaTree[0].children

// var topData = []
//     // 遍历每一个省自治区、直辖市
// for (var province of provinces) {
//     // 将每个省的累计确诊病例数添加到配置项的data中
//     if (province.children[0].name == '境外输入') {
//         topData.push({
//             'name': province.name,
//             'value': province.children[0].total.confirm
//         })
//     }

// }

// topData.sort(function(a, b) {
//     return b.value - a.value
// })
// topData.length = 5

// // console.log(topData)
// //
// for (var province of topData) {
//     // 将每个省的累计确诊病例数添加到配置项的data中
//     option.xAxis.data.push(province.name)
//     option.series[0].data.push(province.value)

// }
// 使用刚指定的配置项和数据显示图表。
right2Chart.setOption(option);
